<!DOCTYPE html>
<html>
	<head>
	   	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" charset="UTF-8"/>	
	   	<title>助力</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/invite.css"/>
	</head>
	<body>
		<div class="linearbg" style="height:auto;width: 100%;">
			<!--banner2-->
			<div class="bannerbox">
				<img src="img/banner4.png"/>
				 <br style="clear:both;">
			</div>
			<!--用户信息-->
			<div class="userbox">
				<img src="img/colud.png"/>
				<div class="userimg">
					<img src="img/user3.png"/>
					<span class="username">
						小可爱
					</span>
				</div>
				<p class="votenum">正在参与投票免费领书活动，特邀请您为其助力领书!</p>
			</div>
			<!--助力对象-->
			<div class="ishelp">
				<p>您以为<span>不来电的猪</span>助力，不可重复助力哦！</p>
			</div>
			<!--邀请按钮-->
			<div class="btnbox">
				<a href="javascript:;" onclick="ishelp()"></a>
				<img class="btnimg" src="img/helpbtn.png"/>
			</div>
			<!--奖品-->
			<div class='rewardbox'>
				<img src="img/helpbook.png" alt="" />
			</div>
			<!--助力规则-->
			<div class="rulebox">
				<h3>活动详情</h3>
				<p>1、活动时间：2018年5月20日</p>
				<p>2、参与“寻找最美读书人”活动，领取 kindle 丰厚奖品</p>
				<p>3、用户每天可投票数为5票，累计投足50票也能免费领取实体书；</p>
				<p>4、用户每天投完5票之后，可以邀请好友为自己助力累计投票数；</p>
				<p>5、每邀请一位好友可为自己助力1票，累计票数达50票，即可免费领取实体书</p>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		function ishelp(){
			var op = document.getElementsByClassName("ishelp")[0];
			op.style.display = "block";
			var oImg = document.getElementsByClassName("btnimg")[0];
			oImg.src = 'img/govote.png';
		}
	</script>
</html>
